2005/11/7の日記テンプレ

このてんぷれのソースはこんな感じです。

<center><table width="100%" cellpadding="15" cellspacing="20"background="http://plaza.rakuten.co.jp/img/user/32/61/22833261/117.gif"><tr><td width="100%" background="http://image.space.rakuten.co.jp/lg01/64/0000022664/90/imgde0a87ba5nvjmo.gif" bgcolor="#E2F1EE" align="left" valign="middle" style="filter: Alpha(opacity=70); color:#078D83; background-position:50% 100%; background-repeat: no-repeat;">

注：）タグ中に改行が入ると旨く画像等が表示されません！！
くれぐれもかいぎょうしないで、つらつらとひたすらつなげて記述してください。

スペースも必ず入れましょう。
ねこもりやも勉強しなおします。

文字を入れてないと
何にも表示されないので注意！
楽天の日記は改行タグ<br>いりませんよー。

</td></tr></table></center>

今回は併せ技で・・・
<table>に背景画像
<td>に背景色と背景画像＆透過処理をしています。
文字位置は
左寄せのまんなかに。

background・・・背景画像ＵＲＬ
bgcolor・・・背景色・色名でもこのように１６進数でも。
align・・・文字の水平位置・center/left/right
valign・・・文字の垂直位置・top/middle/bottom
filter・・・数字が大きいと不透明に、小さいと透明に近くなります。
color・・・文字色。色名でもこのように１６進数でも。
background-position・・・背景画像の位置＜例＞100% 100%で右下。0% 0%で左上。
左上を基点に％で指定。これは画像を繰り返さない場合のみ。
background-repeat・・・画像を繰り返さない場合は no-repeat
縦横に敷き詰める場合はrepeat
縦のみ繰り返す場合はrepeat-y
横のみ繰り返す場合はrepeat-x

素材提供：Night on the Planet